import React from 'react'

interface Props {
  width: number
  height: number
}

const PopoutIcon: React.FC<Props> = ({ width, height }) => (
  <svg
    width={width * 16}
    height={height * 16}
    viewBox="0 0 11 12"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    xmlnsXlink="http://www.w3.org/1999/xlink"
  >
    <defs />
    <g className="svg-icon">
      <path
        d="M12.0184307,0.513656747 C12.0269065,0.553024044 12.0321656,0.593131796 12.0341463,0.633509988 L12.0341463,4.34896046 C12.0341463,4.72720684 11.7527014,5.03383612 11.4055215,5.03383612 C11.0583415,5.03383612 10.7768966,4.72720684 10.7768966,4.34896046 L10.7768966,2.29433347 L7.89644756,5.43253159 C7.73643001,5.60686789 7.50319934,5.67495397 7.28461129,5.61114246 C7.06602324,5.54733095 6.89528654,5.36131635 6.83671605,5.12316854 C6.77814556,4.88502074 6.84063954,4.63092006 7.0006571,4.45658377 L9.88110612,1.36975132 L7.99523147,1.36975132 C7.77064543,1.36975133 7.56311937,1.23921477 7.45082634,1.0273135 C7.33853332,0.815412228 7.33853332,0.554339097 7.45082634,0.342437827 C7.56311937,0.130536558 7.77064543,-5.15629905e-09 7.99523147,0 L11.6412558,0 L11.7041183,0.0342437831 L11.7512651,0.0684875662 L11.8769901,0.171218916 L11.9555682,0.273950265 L11.9869995,0.32531594 L12.0184307,0.393803506 L12.0184307,0.513656747 Z M1.87849383,12 C0.859888839,12 0.0341463415,11.1003682 0.0341463415,9.99061612 L0.0341463415,4.01509118 C0.0341463415,2.90533911 0.859888839,2.0057073 1.87849383,2.0057073 L4.42764554,2.0057073 C4.76718054,2.0057073 5.04242803,2.30558457 5.04242803,2.67550193 C5.04242803,3.04541928 4.76718054,3.34529655 4.42764554,3.34529655 L1.87849383,3.34529655 C1.53895883,3.34529655 1.26371133,3.64517382 1.26371133,4.01509118 L1.26371133,9.99061612 C1.26371133,10.3605335 1.53895883,10.6604107 1.87849383,10.6604107 L9.16366641,10.6604107 C9.50320141,10.6604107 9.77844891,10.3605335 9.77844891,9.99061612 L9.77844891,8.19413124 C9.77844891,7.82421388 10.0536964,7.52433661 10.3932314,7.52433661 C10.7327664,7.52433661 11.0080139,7.82421388 11.0080139,8.19413124 L11.0080139,9.99061612 C11.0080139,11.1003682 10.1822714,12 9.16366641,12 L1.87849383,12 Z"
        className="svg-icon"
      />
    </g>
  </svg>
)

export default PopoutIcon
